<template>
  <view class="container">
    <uni-list>
      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'person-filled' }" title="昵称"
        :rightText="user.username" />
      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'phone-filled' }" title="手机号码"
        :rightText="user.phonenumber" />
      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'email-filled' }" title="邮箱" :rightText="user.email" />
      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'auth-filled' }" title="学校"
        :rightText="user.schoolName" />
      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'staff-filled' }" title="角色"
        :rightText="getRole(user.user_level)" />
      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'calendar-filled' }" title="创建日期"
        :rightText="user.createTime" />
    </uni-list>

    <u-button @click="register()">绑定微信</u-button>
  </view>
</template>

<script setup>
import { getUserProfile } from "@/api/system/user"
import { ref } from "vue";
import modal from "@/plugins/modal"
import useUserStore from '@/store/modules/user'

const userStore = useUserStore()
let user = ref({
  username: "",
  phonenumber: "",
  email: "",
  sex: ""
});
user.value = userStore.userInfo
console.log('userStore.userInfo: ', userStore.userInfo);

const roleGroup = ref("")
const postGroup = ref("")

// function getUser() {
//   getUserProfile().then(response => {
//     user.value = response.data
//     roleGroup.value = response.roleGroup
//     postGroup.value = response.postGroup
//   })
// }
// getUser()

import { wxRegister } from "@/api/oauth"
import { getWxCode } from "@/utils/geek"
function register() {
  modal.loading('绑定微信中...')
  getWxCode().then(res => {
    wxRegister('miniapp', res).then(res => {
      modal.closeLoading()
    })
  })

}

/**
 * 获取用户角色身份
 */
function getRole(leave) {
  if (leave == 0) {
    return "普通用户"
  } else if (leave == 1) {
    return "店家"
  } else if (leave == -1) {
    return "审核人员"
  }
}

</script>

<style lang="scss">
page {
  background-color: #ffffff;
}
</style>
